.navbar__offside{
    pointer-events: all ; 
    position: absolute;
    top: 0;
    left: -1000px;
    /* width: 10rem;
    height: 10rem; */
    z-index: 100000;
    background-color: #fff;
    transition: 0.5s left;
  }

  /* .navbar__offside{
    display:none

  } */
  .active.navbar__offside{
    pointer-events: all ; 
    position: absolute;
    left: 0;
    width: 20rem;
    height: 100vh;
    z-index: 100000;
    background-color: rgb(14, 14, 14);
    color: #fff;

  }

  .navbar-offside__wrapper{
    display: grid;
    grid-auto-flow: row;
    overflow-y: scroll;
  }

  .navbar-offside-header{
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgb(10, 9, 9);
   
  }

  .navigation__link{
   display: flex;
   justify-content: center;

  }

  .navbar-offside-links{
    display: grid;
    grid-auto-flow: row;
    
  }

  .navbar-offside-links button{
    border-radius: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .navbar__closebtn{
    display: grid;
    position: absolute;
    justify-self: end;
  }